@charset 'utf-8';

$nav_color:#211d1c;//这是顶部的背景色
$center:center;
$search_color:#6a6a6a;//搜索里面的字体颜色
$search_bgcolor:#dbdbdb;//热搜下面的背景颜色
$li_fcolor:#b2b2b2;//热搜关键词字体颜色

.nav{
    display: flex;
    justify-content: space-around;
    align-items: $center;
    width: 100%;
    height: 5rem;
    background-color: $nav_color;
}
.nav_ip{
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 84%;
    height: 2.8rem;
    border-radius: 1.4rem;
    border: 2px solid white;
}
.nav_ip>img{
    width: 1.6rem;
    height: 1.7rem;   
}
.nav_ip input{
    width: 20rem;
    height: 1.7rem;
    background-color: $nav_color;
    border: 0;
    color: $search_color;
    font-size: 1.3rem;  
}
.back_btn>a{
    font-size: 1.5rem;
    color: white;
}
.hot_search{
    width: 100%;
    height: 100vh;
    background-color: $search_bgcolor;
}
.hot_search>h2{
    margin-left: 1.6rem;
    padding-top: 1.9rem;
}
.hot_search>ul{
    display: flex;
    justify-content: flex-start;
    align-items: $center;
    align-content: flex-start;
    flex-wrap: wrap;
    margin-left: 1.6rem;
    height: 80%;
}
.hot_search>ul>li{
    box-sizing: content-box;
    height: 3.1rem;
    background-color: #fff;
    font-size: 1.6rem;
    color: $li_fcolor;
    border: 1px solid $search_bgcolor;
    padding: 0.6rem;
    line-height: 3.1rem;
    margin-right: 0.75rem;
    margin-top: 0.75rem;
}
